<!--
 * @Description: question  -- 答疑
 * @Author: your name
 * @Date: 2024-03-25
 * @LastEditTime: 2024-03-25
 * @LastEditors: Please set LastEditors
-->

<template>
  <div>
    <div class="question">
      <section class="banner">
        <div class="heart_w">
          <div class="right_wa">
            <p class="p1">答疑中心</p>
            <p class="p2">帮你解决备考难题</p>
            <p class="p3">【精准答疑助你高效提升学习效率】</p>
            <p class="p3" style="font-weight: 400; font-size: 14px">
              &nbsp;&nbsp;&nbsp;&nbsp;答疑时间：【工作日：24小时内答疑；节假日：48小时内答疑】
            </p>
          </div>
        </div>
      </section>

      <div class="four_lesson heart_w">
        <div class="item" v-for="item in questionList" :key="item.cate_id">
          <i>
            <img :src="item.image" alt="" />
          </i>
          <p class="sub_title">{{ item.title }}</p>
          <p class="sub_intro">
            {{ item.descript }}
          </p>
          <div class="next_page cfa">
            <p>
              <a
                href="/question/9504.html"
                style="display: inline-block; width: 110px"
                target="_blank"
                v-for="item_list in item.list"
                :key="item_list.id"
              >
                {{ item_list.name }}
              </a>
            </p>
          </div>
        </div>

        <!-- <div class="item" style="justify-content: start">
          <i>
            <img src="@/assets/images/question/icon_frm.png" alt="" />
          </i>
          <p class="sub_title">FRM</p>
          <p class="sub_intro">
            FRM名师在线帮你快速解决备考难题，助你快速通关！
          </p>
          <div class="next_page cfa">
            <p>
              <a href="javascript:void(0);" @click="ToNext()"> FRM一级Test </a>
              <a
                href="javascript:void(0);"
                onclick="ToNext('/question/3576.html')"
              >
                FRM二级
              </a>
            </p>
          </div>
        </div> -->

        <!-- <div class="item">
          <i>
            <img src="@/assets/images/question/icon_acca.png" alt="" />
          </i>
          <p class="sub_title">ACCA</p>
          <p class="sub_intro">
            ACCA名师在线帮你快速解决备考难题，助你快速通关！
          </p>
          <div class="next_page acca">
            <p style="margin-top: 0px">
              <a
                href="javascript:void(0);"
                onclick="ToNext('/question/3386.html')"
              >
                BT
              </a>
              <a
                href="javascript:void(0);"
                onclick="ToNext('/question/3387.html')"
              >
                MA
              </a>
              <a
                href="javascript:void(0);"
                onclick="ToNext('/question/3388.html')"
              >
                FA
              </a>
              <a
                href="javascript:void(0);"
                onclick="ToNext('/question/3389.html')"
                >LW</a
              >
              <a
                href="javascript:void(0);"
                onclick="ToNext('/question/3390.html')"
                >PM</a
              >
              <a
                href="javascript:void(0);"
                onclick="ToNext('/question/3391.html')"
                >TX</a
              >
              <a
                href="javascript:void(0);"
                onclick="ToNext('/question/3392.html')"
                >FR</a
              >
              <a
                href="javascript:void(0);"
                onclick="ToNext('/question/3393.html')"
                >AA</a
              >
              <a
                href="javascript:void(0);"
                onclick="ToNext('/question/3394.html')"
                >FM</a
              >
              <a
                href="javascript:void(0);"
                onclick="ToNext('/question/3395.html')"
                >SBL</a
              >
              <a
                href="javascript:void(0);"
                onclick="ToNext('/question/3396.html')"
                >SBR</a
              >
              <a
                href="javascript:void(0);"
                onclick="ToNext('/question/3397.html')"
                >AFM</a
              >
              <a
                href="javascript:void(0);"
                onclick="ToNext('/question/3398.html')"
                >APM</a
              >
              <a
                href="javascript:void(0);"
                onclick="ToNext('/question/3399.html')"
                >ATX</a
              >
              <a
                href="javascript:void(0);"
                onclick="ToNext('/question/3400.html')"
                >AAA</a
              >
            </p>
          </div>
        </div>

        <div class="item" style="justify-content: start">
          <i>
            <img src="@/assets/images/question/icon_cpa.png" alt="" />
          </i>
          <p class="sub_title">CMA</p>
          <p class="sub_intro">
            CMA名师在线帮你快速解决备考难题，助你快速通关！
          </p>
          <div class="next_page frm">
            <p>
              <a
                href="javascript:void(0);"
                onclick="ToNext('/question/6631.html')"
              >
                P1
              </a>
              <a
                href="javascript:void(0);"
                onclick="ToNext('/question/6632.html')"
              >
                P2
              </a>
            </p>
          </div>
        </div>
        <div class="item">
          <i>
            <img src="@/assets/images/question/icon_cpaquestion.png" alt="" />
          </i>
          <p class="sub_title">CPA</p>
          <p class="sub_intro">
            CPA名师答疑，扫清备考障碍，解决备考难题，助您快速通关。
          </p>
          <div class="next_page cpa">
            <p>
              <a
                href="javascript:void(0);"
                onclick="ToNext('/question/7058.html')"
              >
                会计
              </a>
              <a
                href="javascript:void(0);"
                onclick="ToNext('/question/7059.html')"
              >
                审计
              </a>
              <a
                href="javascript:void(0);"
                onclick="ToNext('/question/7060.html')"
              >
                财务成本管理
              </a>
              <a
                href="javascript:void(0);"
                onclick="ToNext('/question/7061.html')"
              >
                经济法
              </a>
              <a
                href="javascript:void(0);"
                onclick="ToNext('/question/7528.html')"
                style="width: 55px"
              >
                税法
              </a>
              <a
                href="javascript:void(0);"
                onclick="ToNext('/question/7529.html')"
                style="width: 158px"
              >
                公司战略与风险管理
              </a>
            </p>
          </div>
        </div>

        <div class="item">
          <i>
            <img src="@/assets/images/question/icon_jijin.png" alt="" />
          </i>
          <p class="sub_title">会计从业</p>
          <p class="sub_intro">
            财会名师在线答疑，初级中级难题迎刃而解，助力考试通关。
          </p>
          <div class="next_page cpa">
            <p>
              <a
                href="javascript:void(0);"
                onclick="ToNext('/question/7530.html')"
              >
                初级会计实务
              </a>
              <a
                href="javascript:void(0);"
                onclick="ToNext('/question/7530.html')"
              >
                初级经济法基础
              </a>
              <a
                href="javascript:void(0);"
                onclick="ToNext('/question/7531.html')"
              >
                中级会计实务
              </a>
              <a
                href="javascript:void(0);"
                onclick="ToNext('/question/7531.html')"
              >
                中级财务管理
              </a>
              <a
                href="javascript:void(0);"
                onclick="ToNext('/question/7531.html')"
              >
                中级经济法
              </a>
            </p>
          </div>
        </div>
        <div class="item">
          <i>
            <img src="@/assets/images/question/icon_python.png" alt="" />
          </i>
          <p class="sub_title">Python</p>
          <p class="sub_intro">
            行业名师在线答疑，助您掌握python语言，备考更高效！
          </p>
          <div class="next_page frm">
            <p>
              <a
                href="javascript:void(0);"
                onclick="ToNext('/question/7526.html')"
                >程序设计基础</a
              >
              <a
                href="javascript:void(0);"
                onclick="ToNext('/question/7526.html')"
                >数据分析与可视化</a
              >
              <a
                href="javascript:void(0);"
                onclick="ToNext('/question/7526.html')"
                >金融模型</a
              >
            </p>
          </div>
        </div>
        <div class="item" style="justify-content: start">
          <i>
            <img src="@/assets/images/question/icon_python.png" alt="" />
          </i>
          <p class="sub_title">金融小课</p>
          <p class="sub_intro">行业名师在线答疑，学习更高效！</p>
          <div class="next_page frm">
            <p>
              <a onclick="ToNext('/question/8317.html')">财务分析与估值建模</a>
            </p>
          </div>
        </div> -->
      </div>
    </div>
  </div>
</template>

<script>
import { getMenu } from '@/api/consult/question.js'
export default {
  name: 'questionIndex',
  data() {
    return {
      questionList: []
    }
  },
  created() {
    getMenu().then(({ data: data }) => {
      this.questionList = data.data
      console.log(data)
    })
  },
  methods: {
    ToNext() {
      this.$router.push({ path: 'answerCenter', query: {} })
    }
  }
}
</script>

<style lang="scss">
body,
html,
#app {
  background-color: #fff;
}
</style>
<style scoped lang="scss">
@import '@/assets/styles/questionPage.scss';
</style>
